import AboutSectionOne from "@/components/About/AboutSectionOne";
import AboutSectionTwo from "@/components/About/AboutSectionTwo";
import Breadcrumb from "@/components/Common/Breadcrumb";

import { Metadata } from "next";
import SectionTitle from "@/components/Common/SectionTitle";
import Image from "next/image";

export const metadata: Metadata = {
  title: "About Page | Free Next.js Template for Startup and SaaS",
  description: "This is About Page for Startup Nextjs Template",
  // other metadata
};

const AboutPage = () => {
  return (
    <>
      <Breadcrumb
        pageName="多元纠纷调解平台DMP"
        description="秉持着“互联网+智慧调解”的核心理念，全方位、数据化对纠纷进行管理和把控"
      />

      <section className="pt-16 md:pt-20 lg:pt-28">
        <div className="container">
          <div className="border-b border-body-color/[.15] pb-16 dark:border-white/[.15] md:pb-20 lg:pb-28">
            <div className="-mx-4 flex flex-wrap items-center">
              <div className="w-full px-4 lg:w-1/2">
                <div className="relative aspect-[16/9] max-w-[500px] lg:mr-0">
                  <Image
                    src="/images/dmp/block1.png"
                    alt={"多元纠纷调解系统"}
                    fill
                    className="mx-auto max-w-full drop-shadow-three  dark:drop-shadow-none lg:mr-0"
                  />
                </div>
              </div>
              <div className=" w-full px-4 lg:w-1/2">
                <SectionTitle
                  title=""
                  paragraph={
                    <div className={"indent-7"}>
                      <p>
                        多元纠纷调解系统，是异思科技秉持着“互联网+智慧调解”的核心理念，针对各行各业需求而研发的数字化纠纷调解信息管理系统。系统从前期纠纷数据的导入、数据的可视化查看，调解员管理和分配、调解过程的实时记录、线上通话和视频会议调解、在线签订电子调解协议，形成完整的覆盖相关业务全流程的一体化线上纠纷调解平台。
                      </p>
                      <p>
                        通过异思科技互联网+智慧调解模式，调解机构进行纠纷调解时，突破了传统调解方式的限制，创造了无纸化和智慧调解的新型调解方案，大幅提高调解工作的效率，及时预防、减少和解决双方矛盾纠纷，践行“坚持把非诉讼纠纷解决机制挺在前面”的目标，共建和美好的现代化社会。
                      </p>
                    </div>
                  }
                  mb="44px"
                />
              </div>
            </div>
          </div>
        </div>
      </section>

      <section className="pt-16 md:pt-20 lg:pt-28">
        <div className="container">
          <div className="border-b border-body-color/[.15] pb-16 dark:border-white/[.15] md:pb-20 lg:pb-28">
            <div className="-mx-4 flex flex-wrap items-center">
              <div className="w-full px-4 lg:w-1/2">
                <SectionTitle
                  title="纠纷处理全方位"
                  paragraph="多元纠纷调解系统，提供了从纠纷数据导入到纠纷处理结束之间的全方位功能模块，覆盖了实际纠纷调解过程中的所有场景，真正实现了纠纷在调解系统中“可溯源”“可管理”“可记录”“可跟踪”的要求，极大提高了调解员的调解效率；"
                  mb="44px"
                />
              </div>

              <div className="w-full px-4 lg:w-1/2">
                <div className="relative mx-auto aspect-[16/9] max-w-[500px] lg:mr-0">
                  <Image
                    src="/images/dmp/block2.jpg"
                    alt={"多元纠纷调解系统"}
                    fill
                    className="mx-auto max-w-full drop-shadow-three  dark:drop-shadow-none lg:mr-0"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section className="pt-16 md:pt-20 lg:pt-28">
        <div className="container">
          <div className="border-b border-body-color/[.15] pb-16 dark:border-white/[.15] md:pb-20 lg:pb-28">
            <div className="-mx-4 flex flex-wrap items-center">
              <div className="w-full px-4 lg:w-1/2 ">
                <div className="relative aspect-[16/9] max-w-[500px] lg:mr-0">
                  <Image
                    src="/images/dmp/block3.jpg"
                    alt={"多元纠纷调解系统"}
                    fill
                    className="mx-auto max-w-full drop-shadow-three  dark:drop-shadow-none lg:mr-0"
                  />
                </div>
              </div>
              <div className="w-full px-4 lg:w-1/2">
                <SectionTitle
                  title="纠纷处理数据化"
                  paragraph="多元纠纷调解系统，秉持着“互联网+智慧调解”的理念，解决了过去纠纷信息繁杂、不易查看追踪的问题，为调解机构管理纠纷、处理纠纷、回溯纠纷提供了新的方向；基于全方位、场景全覆盖的功能模块，将数据和可视化图表有效结合，实现了纠纷数据全链路信息记录，纠纷数据清晰明了，纠纷处理过程一目了然。"
                  mt="44px"
                />
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
};

export default AboutPage;
